<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta http-equiv="cleartype" content="on">
	<title></title>
	<link href="css/style.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
	<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

	<script>
		var map;
		function initialize() {
			var mapOptions = {
				zoom: 8,
				center: new google.maps.LatLng(-34.397, 150.644),
				mapTypeId: google.maps.MapTypeId.ROADMAP
			};
			map = new google.maps.Map(document.getElementById('map-canvas'),
					mapOptions);
		}

		google.maps.event.addDomListener(window, 'load', initialize);
		$(window).load(function(){
			initialize();
		});
	</script>
	<script type="text/javascript" src="scripts/jquery-ui.js"></script>
	<script type="text/javascript" src="scripts/ui.datepicker-fr.js"></script>
	<script type="text/javascript" src="scripts/main.js"></script>
</head>
<body>
<div class="wrapper" id="wrapper">
	<div class="header home">
		<div class="header-logo"></div>
		<div class="header-banner">Commandez en ligne votre<br/>
            déjeuner au restaurant</div>
	</div>
	<div class="box-search home">
		<input class="button-liste" type="button" value=""/>
		<input type="text" placeholder="Rechercher votre restaurant" class="text-search"/>
		<input type="button" class="button-map-point" value=""/>
	</div>
	<div class="map-canvas" id="map-canvas"></div>
</div>
<div class="footer map">
	<div class="result-item">
		<div class="item-map-pin">
		</div>
		<div class="item-content">
			<span class="item-flex-middle line20">Pizza les Artistes<br/>98 bd de Grenelle<br/>75015 Paris</span>
		</div>
		<div class="item-button">
			<input type="button" value="Ardoise     -       Infos" onclick="" class="button_ardoise">
		</div>
		<div class="item-star">
			<a href=""></a>
		</div>
	</div>
	<ul class="menu">
		<li id="nouveauDej" class="menu-item active"><a>Nouveau déj</a></li>
		<li id="mesDej" class="menu-item"><a>Mes déj </a></li>
		<li id="monCompte" class="menu-item"><a>Mon compte</a></li>
	</ul>
</div>
</body>
</html>